<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/contact.css" />
	</head>

	<body>
		<!--侧滑菜单容器-->
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
			<!--菜单部分-->
			<aside id="offCanvasSide" class="mui-off-canvas-right">
				<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="index.html">
									网站首页
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="products.html">
									产品展示
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="aboutUs.html">
									关于我们
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="news.html">
									新闻中心
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="onlineMsg.html">
									在线留言
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" href="contact.html">
									联系我们
								</a>
							</li>

						</ul>
					</div>
				</div>
			</aside>

			<div class="mui-inner-wrap">
				<header class="header mui-bar mui-bar-nav">
					<div class="logo">
						<a href=""><img src="images/logo.png"></a>
					</div>
					<a id="offCanvasBtn" href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-right"></a>
				</header>
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
					<!--中间-->
					<div class="mui-content">
						<div class="contact">
							<center>
								<div class="map">
									<div id="zkbdmap20140521121104" style="width:100%;height:250px;border:#ccc solid 1px;">&nbsp;</div>
									<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
									<script type="text/javascript">
										var sContent =
											"<h4 style='margin:0 0 5px 0;padding:0.2em 0'>中山市建百站素材网优惠建站</h5>" +
											"" +
											"<p style='margin:0;line-height:1.5;font-size:12px;width:310px;'>电话：0755-28188093 <br/>公司地址:中山市东区XXX</p>" +
											"</div>";
										var map = new BMap.Map("zkbdmap20140521121104");
										var point = new BMap.Point(114.08766954922, 22.544510681894);
										var infoWindow = new BMap.InfoWindow(sContent);
										var marker = new BMap.Marker(point);
										map.addOverlay(marker);
										marker.addEventListener("click", function() {
											LoadInfoWindow(this, infoWindow);
										});
										map.openInfoWindow(infoWindow, point);
										map.enableScrollWheelZoom();
										map.enableContinuousZoom();
										map.centerAndZoom(point, 15);

										function LoadInfoWindow(marker, infoWindow) {
											marker.openInfoWindow(infoWindow);
											document.getElementById('imgDemo').onload = function() {
												infoWindow.redraw();
											}
										}
									</script>
								</div>
							</center>
							<div class="contactList">
								<ul>
									<li><i class="iconfont icon-kefurexian color01"></i><p> 服务热线<br><strong>0755-12345678</strong></p></li>
									<li><i class="iconfont icon-qqyouxiang color02"></i><p> 统一邮箱<br><strong>jzb12345@163.com</strong></p></li>
									<li><i class="iconfont icon-chuanzhen color03"></i><p> 传真<br><strong>0755-61673676</strong></p></li>
									<li><i class="iconfont icon-shouji color04"></i><p> 电话（陈先生）<br><strong>186****3111</strong></p></li>
									<li><i class="iconfont icon-dizhi color05"></i><p>地址<br><strong>中山市东区XXX</strong></p></li>
								</ul>
							</div>

						</div>
						<div class="footer">
							<p>Copyright@2016 建百站素材网优惠建站 版权所有<br>技术支持：
								<a href="">中科商务网</a>
								<a href="#">管理后台</a>
							</p>
						</div>

					</div>

				</div>

				<!-- off-canvas backdrop -->
				<div class="mui-off-canvas-backdrop"></div>
				</div>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: false,
			});

			mui('body').on('tap', 'a', function() {
				document.location.href = this.href;
			});

			var gallery = mui("#slider");
			gallery.slider({
				interval: 500 //自动轮播周期，若为0则不自动播放，默认为0；
			});
			
			 //主界面和侧滑菜单界面均支持区域滚动；
			mui('#offCanvasSideScroll').scroll();
			mui('#offCanvasContentScroll').scroll();
		</script>
	</body>

</html>